
<template>
  <button
    class="button-component"
    :style="{ backgroundColor: config.color }"
  >
    {{ config.text }}
  </button>
</template>

<script setup>
import { defineProps } from 'vue'
defineProps({
  config: {
    type: Object,
    required: true
  }
})
</script>

<style>
.button-component {
  padding: 8px 16px;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
</style>
